<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">
	
	<f:view contentType="text/html">
	
		<h:head>
			<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
			<link rel="stylesheet" type="text/css" href="css/default.css" media="screen" />
			<title>Controle</title>
			<ui:insert name="head">

                        </ui:insert>
			<style type="text/css">
				.new {
					background: url(img/new.png) no-repeat;
				}
				
				.search {
					background: url(img/search.png) no-repeat;
				}
			</style>
		</h:head>
	
		<h:body>
			<div class="outer-container">
			
				<div class="inner-container">
			
					<div class="header">
						<div class="title">
							<span class="sitename"><a href="index.jsf">Controle</a></span>
							<div class="slogan"></div>
						</div>
					</div>

                                        <h:form>  

                                           <p:growl id="messages"/>  

                                           <p:menubar autoSubmenuDisplay="true">  
                                                <p:submenu label="Cadastro" icon="ui-icon ui-icon-document">  
                                                    <p:menuitem value="Cliente" url="pessoa.jsf" icon="ui-icon ui-icon-pencil" />  
                                                    <p:menuitem value="Produto" url="produto.jsf" icon="ui-icon ui-icon-pencil" />  
                                                    <p:menuitem value="Medida" url="medida.jsf" icon="ui-icon ui-icon-pencil" />
                                                </p:submenu>  
                                                <p:submenu label="Pedidos" icon="ui-icon ui-icon-document">  
                                                    <p:menuitem value="Gerenciar" url="pedido.jsf" icon="ui-icon ui-icon-pencil" />  
                                                </p:submenu>
                                                <p:submenu label="Relatórios" icon="ui-icon ui-icon-document">  
                                                    <p:menuitem value="Mais compram" url="mais_compram.jsf" icon="ui-icon ui-icon-search" />  
                                                    <p:menuitem value="Mais vendidos" url="mais_vendidos.jsf" icon="ui-icon ui-icon-search" />
                                                    <p:menuitem value="Vendas" url="pedido.jsf" icon="ui-icon ui-icon-search" />
                                                </p:submenu>                                                 
                                            </p:menubar>                                    
                                            </h:form>  
                                    
					<div class="main">
			
						<div class="content">
							<ui:insert name="content">
							</ui:insert>
						</div>
			
						<div class="clearer"></div>
			
					</div>
			
					<div class="footer">
						<span class="left">Powered by <a href="index.jsf">Controle</a></span> 
						<span class="right">
							<p:ajaxStatus>
								<f:facet name="start">
									<h:graphicImage value="img/ajax-loader.gif" />
								</f:facet>
								
								<f:facet name="complete">
									Status
								</f:facet>
							</p:ajaxStatus>
						 </span>
			
						<div class="clearer"></div>
			
					</div>
			
				</div>
			
			</div>
		
		</h:body>
	</f:view>

</html>